.userBox {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.jumpLoginBox {
    background-image: linear-gradient(90deg, #0af, #0085ff);
    padding: .25rem .15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userNologinImg {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
}

.jumpLoginBoxMiddle {
    flex: 1;
    margin-left: .18rem;
}

.userLoginOne {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-weight: 700;
    font-size: .21rem;
    margin-bottom: .08rem;
}

.userLoginTwo {
    color: #fff;
    font-size: .1rem;
}

.userLoginJiantou {
    color: #fff;
    font-size: .1rem;
}

.redEnvelopesBox {
    display: flex;
    background-color: #FFF;
}

.redEnvelopes {
    flex: 1;
    height: .8rem;
    color: #666;
    font-weight: 700;
    font-size: .18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.goldCoin {
    flex: 1;
    height: .8rem;
    color: #666;
    font-weight: 700;
    font-size: .18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.goldCoin:nth-child(1) {
    border-right: 1px solid #ddd;
}

.userLi {
    padding: .11rem .1rem .11rem .2rem;
    display: flex;
    background-color: #fff;
    font-size: .14rem;
    color: #333;
    align-items: center;
    justify-content: space-between;
}

.imgSize {
    width: .18rem;
    height: .18rem;
}

.writtenWords {
    flex: 1;
    padding-left: .1rem;
    font-size: .16rem;
}

.userLoginJiantouTwo {
    color: #bbb;
    font-size: .1rem;
}

.seizeASeat {
    height: .1rem;
}

.goldcoinimg {
    width: .15rem;
    height: .15rem;
}

.redEnvelopesimgBox {
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    text-align: center;
    background: #ff5f3e;
}
.goldCoinimgBox {
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    text-align: center;
    background: rgb(106, 194, 11);
}
